<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>基础框架平台服务前端预览中心-单表服务</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet"/>
    <link href="bootstrap/css/bootstrap-table.css" rel="stylesheet"/>
    <link href="bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet"/>
    <link href="bootstrap/css/bootstrap-editable.css" rel="stylesheet"/>
    <link href="bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
    <link href="bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet"/>
    <link href="css/docs.css" rel="stylesheet"/>
    <link href="css/pygments-manni.css" rel="stylesheet"/>

</head>
<body style="background-color: #F1F3FA;">
<nav class="navbar navbar-default" style="margin-top:5px; margin-bottom:5px;">
    <div class="container-fluid">
        <div class="navbar-header" style="font-size:16px; padding-top:8px;">
            <span style="font-size: 23px; border: solid 1px #DDDDDD; padding:0px 5px; margin-right:25px; float:left;">单表编辑服务</span>
            <span id="sp_seviceUrl" style="float:left; padding-top:6px; font-size:15px;"></span>
        </div>
    </div>
</nav>
<ul class="nav nav-tabs" role="tablist">
    <li class="active" role="presentation"><a aria-controls="home" data-toggle="tab" href="#home" role="tab">单表编辑</a> </li>
    <li role="presentation"><a aria-controls="profile" data-toggle="tab" href="#field" role="tab">校验列预览</a></li>
    <li role="presentation"><a aria-controls="profile" data-toggle="tab" href="#serviceAPI" role="tab">单表编辑服务API</a></li>
    <!-- <li role="presentation"><a href="#serviceInformationAPI" aria-controls="profile" role="tab" data-toggle="tab">服务信息API</a></li> -->

</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="home" role="tabpanel">
        <div class="panel panel-primary">
            <div class="panel-heading">单表编辑</div>
            <div class="panel-body">
                <div class="container-fluid">
                    <div class="well well-lg" style="width:640px; float:left; margin-right:20px;">
                        <div style="margin-bottom:10px; font-weight:bold;">
                            新增、修改输入参数格式：
                            <span id="paramValue" style="width:600px; word-break: break-all; color:#337ab7;
																border:solid 1px #A9A9A9;background-color:#FFF; display:block;">
							</span><br/>
                            删除直接输入主键值(多个值以','分割，多个主键以'_'分割)<br/>
                        </div>
                        <textarea id="data" rows="5" style="width:600px;"></textarea>
                        <button class="btn btn-success" id="btn_add" type="button">新增</button>
                        <button class="btn btn-info" id="btn_update" type="button">修改</button>
                        <button class="btn btn-danger" id="btn_del" type="button">删除</button>
                        <button class="btn btn-success" id="btn_exportData" type="button">导出数据</button>
                        <button class="btn btn-success" id="btn_downTemplate" type="button">下载模板</button>
                        <div style="width:600px; margin-top:20px;">
                            <input class="projectfile" data-show-preview="true" id="txt_file" multiple name="txt_file"
                                   type="file">
                        </div>
                    </div>
                    <div class="well well-lg" style="width:600px; float:left;">
                        <div style="float:left;">执行结果</div>
                        <div style="float:right;">
                            <button class="btn" id="btn_clean" type="button">清空</button>
                        </div>
                        <div id="info"
                             style="width:100%; border:solid 1px #A9A9A9; min-height:547px; background-color:#FFF; clear:both;">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane fade" id="field" role="tabpanel">
        <div class="panel panel-primary">
            <div class="panel-heading">校验列预览</div>
            <div class="panel-body">
                <div class="container-fluid">
                    <table id="tableList"></table>
                </div>
            </div>
        </div>
    </div>

    <div role="tabpanel" class="tab-pane fade " id="serviceInformationAPI">
        <div class="panel panel-primary">
            <div class="panel-heading">服务信息API</div>
            <div id="tb_data" class="panel-body">
                <h4>响应数据列字段信息</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="queryShowField" >
                        <a href=""  target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table id="tb_field"></table>
                </div>


                <h4>请求条件列字段信息</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="QueryField" >
                        <a href=""  target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table id="tb_fieldCondition"></table>
                </div>

            </div>
        </div>
    </div>


    <div class="tab-pane fade " id="serviceAPI" role="tabpanel">
        <div class="panel panel-primary">
            <div class="panel-heading">单表编辑服务调用说明</div>
            <div class="panel-body" id="tb_data">
                <h4>单表新增服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="singleEditAdd">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                            <tr>
                                <th width="15%" >名称</th>
                                <th width="5%">类型</th>
                                <th width="30%">说明</th>
                                <th width="50%">输入参数值</th>
                            </tr>
                        </thead>
                        <tbody id="inputParameterList">
                            <tr>
                                <td>serviceID</td>
                                <td>String</td>
                                <td>服务ID</td>
                                <td>
                                    <input type="text" id="input_serviceId" style="width:100%" ></input>
                                </td>
                            </tr>
                            <tr>
                                <td>pageNO</td>
                                <td>int</td>
                                <td>当前页数,从1开始(默认值1)</td>
                                <td>
                                    <input type="text" id="input_pageNO" style="width:100%"></input>
                                </td>
                            </tr>
                            <tr>
                                <td>pageSize</td>
                                <td>int</td>
                                <td>页大小(默认值10)</td>
                                <td>
                                    <input type="text" id="input_pageSize" style="width:100%"></input>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>


                <!-- <div class="bs-callout bs-callout-info"> -->
                <!--     <button id="btn_executeAddBusinessService">模拟新增请求</button> -->
                <!--     <button id="btn_executeUpdateBusinessService">模拟修改请求</button> -->
                <!--     <button id="btn_executeDeleteBusinessService">模拟删除请求</button> -->
                <!-- </div> -->


                <!-- <div class="bs-callout bs-callout-info"> -->
                <!--     <h4>模拟请求的完整URL地址</h4> -->
                <!--     <p id="completeUrl"></p> -->

                <!--     <h4>模拟请求的代码</h4> -->

                <!--     <figure class="highlight"> -->
                <!--         <pre> -->
                <!--             <code class="language-js" data-lang="js" id="generateJsCode"></code> -->
                <!--         </pre> -->
                <!--     </figure> -->

                <!--     <h4>模拟请求的执行结果</h4> -->
                <!--     <pre id="displayJsCodeResponse"></pre> -->

                <!-- </div> -->



                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>使用ajax调用，支持get请求,返回Json数据格式Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数},
                    </p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/singleEditServer/singleAdd'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>,conQuery:'' },
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数}</span> 
            },
            error: function () {
                
            }
        });
                            </code></pre>
                    </figure>
                </div>


                <h4>单表修改服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="singleEditUpdate">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>serviceID</td>
                            <td>String</td>
                            <td>服务ID</td>
                        </tr>
                        <tr>
                            <td>conQuery</td>
                            <td>String</td>
                            <td>需要修改的值，格式：{"key":"value","key":"value","key":"value"......}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>
                        使用ajax调用，支持get请求,返回Json数据格式Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数},</p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/singleEditServer/singleUpdate'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>,conQuery:'' },
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数}</span> 
            },
            error: function () {
                
            }
        });
                            </code></pre>
                    </figure>
                </div>


                <h4>单表删除服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="singleEditDel">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>serviceID</td>
                            <td>String</td>
                            <td>服务ID</td>
                        </tr>
                        <tr>
                            <td>primaryKeys</td>
                            <td>String</td>
                            <td>需要删除主键的值,多个值以','分割</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>
                        使用ajax调用，支持get请求,返回Json数据格式Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数},</p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/singleEditServer/singleDel'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>,primaryKeys:'' },
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数}</span> 
            },
            error: function () {
                
            }
        });
                            </code></pre>
                    </figure>
                </div>

                <h4>下载模板服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="downloadTemplate">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>serviceID</td>
                            <td>String</td>
                            <td>服务ID</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>
                        在浏览器中直接打开，可以使用JS和a标签在页面中打开
                    </p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//使用js</span>
window.location.href=<span class="s">'<span class="s_url"></span>/business/singleEditServer/downloadDataTemplate?serviceID=<span
                                    class="s_id"></span>'</span>
<span class="c1">//使用a标签</span>
&lt;a target="_blank" href=<span class="s">"<span class="s_url"></span>/business/singleEditServer/downloadDataTemplate?serviceID=<span
                                    class="s_id"></span>"</span>&gt;下载模板&lt;/a&gt;
                            </code></pre>
                    </figure>

                </div>


                <h4>导出数据服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="exportData">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>serviceID</td>
                            <td>String</td>
                            <td>服务ID</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>
                        在浏览器中直接打开，可以使用JS和a标签在页面中打开
                    </p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//使用js</span>
window.location.href=<span class="s">'<span class="s_url"></span>/business/singleEditServer/exportData?serviceID=<span
                                    class="s_id"></span>'</span>
<span class="c1">//使用a标签</span>
&lt;a target="_blank" href=<span class="s">"<span
                                    class="s_url"></span>/business/singleEditServer/exportData?serviceID=<span
                                    class="s_id"></span>"</span>&gt;下载模板&lt;/a&gt;
                            </code></pre>
                    </figure>

                </div>

                <h4>单表编辑查询主键服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="singlePrimaryKey">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>serviceID</td>
                            <td>String</td>
                            <td>服务ID</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>使用ajax调用，支持get请求,返回Json数据格式Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数},
                    </p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/singleEditServer/seletePrimaryKey'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>},
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":主键字段多个主键以','分割}</span>
            },
            error: function () {
            }

        });
                            </code></pre>
                    </figure>
                </div>


                <h4>批量添加数据服务</h4>
                <div class="bs-callout bs-callout-warning">
                    <h4>服务地址</h4>
                    <p id="batchaAddData">
                        <a href="" target="_blank"><span class="p_url"></span></a>
                    </p>
                </div>

                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>serviceID</td>
                            <td>String</td>
                            <td>服务ID</td>
                        </tr>
                        <tr>
                            <td>dataList</td>
                            <td>Json</td>
                            <td>数据集合</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <div class="bs-callout bs-callout-info">
                    <h4>调用说明</h4>
                    <p>使用ajax调用，支持post请求,返回Json数据格式Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":执行条数},
                    </p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            contentType: <span class="s">'application/json;charset=UTF-8'</span>,
            url: <span class="s">'<span id="batch_url"></span>'</span>,
            type: <span class="s">'post'</span>,
            async: false,
            data: <span class="s">JSON.stringify([{}])</span>,
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"执行信息","data":主键字段多个主键以','分割}</span>
            },
            error: function () {
            }

        });
                            </code></pre>
                    </figure>
                </div>

            </div>

        </div>
    </div>
</div>

<script src="js/jquery-1.10.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/js/bootstrap-table.min.js"></script>
<script src="bootstrap/js/bootstrap-table-zh-CN.js"></script>
<script src="bootstrap/js/bootbox.min.js"></script>
<script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
<script src="bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="bootstrap-fileinput/js/fileinput.min.js"></script>
<script src="bootstrap-fileinput/js/locales/zh.js"></script>
<script src="js/services/serviceConfig.js"></script>
<script src="js/services/singleEditServices.js" type="text/javascript"></script>
<script src="js/docs.js"></script>
</body>
</html>
